<!--
  Generated template for the UserHistoryPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>
      购买详情
      <p class="user-info" float-right>
        <img class="avatar" height="22" width="22" src="{{ userMes?.headurl }}" alt="" onerror="onerror=null;src='./assets/icon/logo.png'">
        <i>
          {{ userMes?.nickname }}
        </i>
      </p>
    </ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>
  <ul *ngIf="!noData">
    <li *ngFor="let item of Arr; let i=index;">
      <img *ngIf="item.types == '抢购成功'" class="status" width="89" height="24" src="./assets/imgs/history/success.png"
        alt="">
      <img *ngIf="item.types == '抢购失败'" class="status" width="89" height="24" src="./assets/imgs/history/fail.png" alt="">
      <img *ngIf="item.types == '等待开奖'" class="status" width="89" height="24" src="./assets/imgs/history/wait.png" alt="">
      <p class="times">第{{ item.issue }}期&nbsp;&nbsp;&nbsp;&nbsp;{{ item.addtime }}</p>
      <div class="goods-mes">
        <img height="60" width="60" float-left src="{{ item?.cover }}" alt="">
        <p float-left class="title">
          {{ item.good_name }}
          &nbsp;&nbsp;
          <i [ngClass]="{double:item.buy == '买大',big:item.buy == '买双'}">
            {{item.buy}}
          </i>
        </p>
        <p float-left class="price">
          抢购价：<i>￥{{ item.price }}</i>
          &nbsp; &nbsp;
          <span>x {{ item.beishu }}</span>
          <em>原价 {{ item.gold_price }}</em>
        </p>
      </div>
    </li>
  </ul>
  <p *ngIf="noData" class="no-data">
    暂无数据
  </p>
</ion-content>
